import {useState, useEffect} from 'react';

function FriendStatus(props) {
  const [count, setCount] = useState(0);
  useEffect(()=>{
    setCount(count + 12);
  });
  const [isOnline, setIsOnline] = useState(null);
  function handleStatusChange(status) {
    setIsOnline(status.isOnline);
  }
  useEffect(()=>{
    // 在这里添加 副作用 时执行的代码
    var ChatAPI;
    ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
    return ()=>{
      // 在这个添加 清除副作用 时 执行的代码
      // ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
    };
  });
  if (isOnline === null) {
    return "Loading...";
  }
  return isOnline ? "Online" : "Offline";
}

export default FriendStatus;
